<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text=" '直播列表 - ' + ${infoMap['title']}"></title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <div data-th-replace="layout/common-hade-one"></div>
    <div class="cm-bg-20">
        <div class="live-course__wrap">
            <div class="container">
                <ol class="breadcrumb mt20">
                    <li><a href="/" class="c-fff">首页</a></li>
                    <li><a href="javascript:void(0)" class="c-fff">直播课程</a></li>
                </ol>
            </div>
        </div>
    </div>
    <div class="live-wrap-bg">
        <section class="container">
            <input id="subjectId" type="hidden"/>
            <input id="order" type="hidden"/>
            <div class="clearfix live-sort-box">
                <aside class="pull-right r-sort">
                    <span class="c-info hand ml10 order-by-box" data-order="1"><i class="fa fa-clock-o"></i> 更新时间</span>
                    <span class="c-222 hand ml10 order-by-box" data-order="3"><i class="fa fa-paperclip"></i> 价格</span>
                </aside>
                <aside class="pull-left l-sort" id="subject-teacher-by-list">
                    <section class="live-sort-item-bx">
                        <span class="ml10 c-333 hand active" id="live-sort-item1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            专业/科目<i class="fa fa-angle-down ml5"></i>
                        </span>
                        <section class="live-sort-sub-wrap dropdown-menu" aria-labelledby="live-sort-item1">
                            <div class="live-sort-sub-box">
                                <section class="cm-sort__wrap">
                                    <section class="cm-sort">
                                        <div class="media">
                                            <div class="media-left">
                                                <aside class="sort-title"><span class="c-666 fs16">专业：</span></aside>
                                            </div>
                                            <div class="media-body pr">
                                                <ul class="clearfix cm-filter-item-list" id="parent-subject-list-box"></ul>
                                            </div>
                                        </div>
                                    </section>
                                    <section class="cm-sort hide" id="child-subject-list">
                                        <div class="media">
                                            <div class="media-left">
                                                <aside class="sort-title"><span class="c-666 fs16">科目：</span></aside>
                                            </div>
                                            <div class="media-body pr">
                                                <ul class="clearfix cm-filter-item-list"></ul>
                                            </div>
                                        </div>
                                    </section>

                                </section>
                            </div>
                        </section>
                    </section>
                    <section class="live-sort-item-bx">
                        <span class="c-333 hand" id="live-sort-item2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            直播讲师<i class="fa fa-angle-down ml5"></i>
                        </span>
                        <section class="live-sort-sub-wrap dropdown-menu" aria-labelledby="live-sort-item2">
                            <div class="live-sort-sub-box">
                                <section class="cm-sort__wrap">
                                    <section class="cm-sort">
                                        <div class="media">
                                            <div class="media-body pr">
                                                <ul class="clearfix cm-filter-item-list" id="teacher-list"></ul>
                                                <aside class="sMoreBtn">
                                                    <span class="fs错题记录16 c-999"><i class="fa fa-chevron-down" title="更多"></i></span>
                                                </aside>
                                            </div>
                                        </div>
                                    </section>
                                </section>
                            </div>
                        </section>
                    </section>
                </aside>
            </div>

            <div id="live-list-context" class="live-list__wrap">

            </div>
        </section>
    </div>
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/web/business/course/live/live-course-list.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>